<template>
	<div class="error-page">
		<div class="flex justify-center items-center flex-col">
			<exclamation-circle-filled class="text-[46px] mb-4" style="color: #f5222d" />
			<div v-if="props.type === '1'">目前无法使用线路拨打，请检查后重试</div>
			<div v-else>目前无法使用话机拨打，请检查后重试</div>
		</div>
		<div class="text-content text-[12px] p-4">
			<template v-if="props.type === '1'">
				<p>1、请确认是否开通线路外呼服务。</p>
				<p>2、请确认线路通话时长是否不足。</p>
				<p>3、请检查【呼叫设置-通讯方式】中是否启用线路外呼</p>
			</template>
			<template v-else>
				<p>1、请检查设备话机是否接通电源，数据线已与电脑进行连接。</p>
				<p>2、请检查电脑操作系统已成功安装设备客户端程序。</p>
				<p>3、请检查设备话机状态为已连接状态。</p>
				<p>4、请检查【呼叫设置-通讯方式】中是否启用4G多卡话机进行外呼。</p>
			</template>
		</div>
	</div>
</template>

<script setup>
	const props = defineProps({
		type: {
			type: String,
			default: '2'
		}
	})
</script>

<style lang="less" scoped>
	.text-content > p {
		margin-bottom: 2px;
		color: #ababab;
	}
</style>
